<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>录播课首页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/idangerous.swiper.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery-1.10.1.min.js"></script>
    <script src="../js/idangerous.swiper.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/bbbb.js"></script>


</head>
<body>
<!--------------------头部区域------------------------------------->
<!--<div class="head">
    <div class="headContent">
        <ul class="hleft">
            <li class="logoHead">
                <a id="logo" href="#"></a>
            </li>
            <li class="change"><a href="#" class="active">学缘课程</a></li>
            <li><a href="#">教学资源</a></li>
            <li><a href="#">学习资讯</a></li>
            <li><a href="#">学缘商城</a></li>
            <li><a href="#">学缘论坛</a></li>
            <li class="liLast">
                <a href="#">...</a>
                <div class="dsnone"></div>
            </li>
        </ul>
        <ul class="hright">
            <li id="alreadyLogin">
                <div class="loginAndRegistration">
                    <div id="loginSuccess" style="display: none">
                        <a href="#" id="userNews" class="userNews">
                            <img src="../img/noNews.png" alt="">
                        </a>
                        <div id="userInformation">
                            <div class="userName">
                                <span>刘晓宇</span>
                                <img src="../img/myCurriculumTriangle.png" alt="">
                            </div>

                            <div class="displayUserInformation">
                                <a href="#">个人中心</a>
                                <a href="javascript:;" id="signOut">退出</a>
                            </div>
                        </div>
                    </div>
                    <div id="notLoginA">
                        <a href="login.html" class="login">登录</a>
                        <a href="#" class="register">注册</a>
                    </div>
                </div>

            </li>
        </ul>
    </div>
</div>-->

<div class="head">
    <div class="headContent">
        <ul class="hleft">
            <li class="logoHead">
                <a id="logo" href="#"></a>
            </li>
            <li class="change"><a href="#" class="active">学缘课程</a></li>
            <li><a href="#">教学资源</a></li>
            <li><a href="#">学习资讯</a></li>
            <li><a href="#">学缘商城</a></li>
            <li><a href="#">学缘论坛</a></li>
            <li class="liLast">
                <a href="#">...</a>
                <div class="dsnone"></div>
            </li>
        </ul>
        <!--<ul class="hright">
            <li id="alreadyLogin">
                <div class="loginAndRegistration">
                    {% if app.user %}
                    {#用户登录#}
                    <div id="loginSuccess">
                        {#  <a href="{{ path('notification') }}" id="userNews" class="userNews">#}
                        <div  id="userNews" class="userNews">
                            <img src="{{asset('bundles/customweb/img/noNews.png')}}" alt="" width="20px">
                            <div class="userNewsShow">
                                <a href="#" class="heA"><span>系统通知</span><sup class="sup"></sup></a>
                                <a href="#"><span>系统公告</span><sup class="sup"></sup></a>
                                <a href="#" class="lastA"><span>私信</span><sup class="sup"></sup></a>
                            </div>
                        </div>
                        {#   </a>#}
                        <div id="userInformation">
                            <div class="userName">
                                <span>
                                    <img src="{{ app.user.smallAvatar }}" alt="">
                                </span>

                            </div>
                            <div class="displayUserInformation">
                                <a href="{{ path('user_show', {id:app.user.id}) }}" class="huserName">
                                    <span>{{ app.user.nickname }}</span>
                                </a>
                                <a href="{{ path('user_show_my', {id:app.user.id}) }}">个人中心</a>
                                <a href="{{ path('logout') }}" id="signOut">退出</a>
                            </div>

                        </div>


                        {% if 'ROLE_TEACHER' in app.user.roles %}
                        <a href="{{ path('my') }}" id="teachingManagement">教学管理</a>
                        {% endif %}
                    </div>
                    {#用户登录#}

                    {% else %}
                    {#登录注册#}
                    <div id="notLoginA">

                        <a href="{{ path('register', {goto:_target_path|default(app.request.server.get('REQUEST_URI'))}) }}" class="register">立即注册</a>
                        <a href="JavaScript:;" class="partingLine">|</a>
                        <a href="{{ path('login', {goto:_target_path|default(app.request.server.get('REQUEST_URI'))}) }}" class="login">登录</a>
                    </div>
                    {#登录注册#}
                    {% endif %}
                </div>

            </li>
        </ul>-->
    </div>
</div>
<!--------------------头部区域------------------------------------->
<!--------------------logo与输入框区域------------------------------------->
<div class="logoAndSearch">
    <div class="logoAndSearchContent">
        <div class="curriculumText">学缘课程</div>
        <div class="formChina">
            <div class="curriculumDropDown">
                <div class="firstCurriculum">课程</div>
            </div>
            <form action="" class="clear" method="" id="fomA">
                <div class="mask" id="mask">
                    <div class="zhezhao" id="poor">&times;</div>
                    <input type="text" placeholder="搜索" id="seach" autocomplete="off">
                </div>
                <input type="button" class="btnA" id="oBtnA">
            </form>
            <div class="dataListA" id="superSearch">
                <a href="search.html?gid=二年级语文上册" dataAttributes="gradeTwoLanguage">二年级语文上册</a>
                <a href="search.html?gid=初二物理" dataAttributes="TwoDaysPhysics">初二物理</a>
                <a href="search.html?gid=小升初" dataAttributes="smallRiseEarly">小升初</a>
                <a href="search.html?gid=三年级数学上册" dataAttributes="gradeTwoMathematics">三年级数学上册</a>

            </div>
        </div>
        <div class="myCurriculum">
            <img src="../img/curriculum.png" alt="" class="myImg">
            <span class="span">我的课程</span>
            <img src="../img/myCurriculumTriangle.png" alt="" class="xlSJ">
            <div class="learningCourseShow">
                <div class="topLine"></div>
                <div class="myCourse">
                    <div class="not" id="not">
                        <img src="../img/noCurriculum.png" alt="">
                    </div>
                    <ul class="existence" id="existence">
                        <li class="liContent" id="liContent">
                            <div class="liU">
                                <p class="clear">
                                    <img src="../img/speedOfProgress.png" alt="">
                                    <span class="titleE">英语入门第一季</span>
                                    <a href="#">继续</a>
                                </p>
                            </div>
                            <div class="liU">
                                <p class="clear">
                                    <img src="../img/speedOfProgress.png" alt="">
                                    <span class="titleE">英语入门第一季</span>
                                    <a href="#">继续</a>
                                </p>
                            </div>
                            <div class="liU">
                                <p class="clear">
                                    <img src="../img/speedOfProgress.png" alt="">
                                    <span class="titleE">英语入门第一季</span>
                                    <a href="#">继续</a>
                                </p>
                            </div>
                        </li>

                        <li class="viewMore" id="viewMore"><a href="#">查看更多</a></li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
<!--------------------logo与输入框区域------------------------------------->
<!----------------------------导航区域------------------------------------->
<div id="nav" class="nav">
    <ul>
        <li class="first navCheck">
            <a href="#">全部课程</a>
            <ul class="ificationUl">
                <li>
                    <span class="lBJ lBJA"></span>
                    <span>学前教育</span>
                    <div class="detailedIF">
                        <div class="classification clear">
                            <div class="erIFC">学前教育</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="lBJ lBJB"></span>
                    <span>小学教育</span>
                    <div class="detailedIF detailedIFTwo">
                        <div class="classification clear">
                            <div class="erIFC">小学</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="lBJ lBJC"></span>
                    <span>初中教育</span>
                    <div class="detailedIF detailedIFThree">
                        <div class="classification clear">
                            <div class="erIFC">初中教育</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="lBJ lBJD"></span>
                    <span>高中教育</span>
                    <div class="detailedIF detailedIFFour">
                        <div class="classification clear">
                            <div class="erIFC">高中教育</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="lBJ lBJE"></span>
                    <span>大学考试</span>
                    <div class="detailedIF detailedIFFive">
                        <div class="classification clear">
                            <div class="erIFC">大学考试</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="lBJ lBJF"></span>
                    <span>语言培训</span>
                    <div class="detailedIF detailedIFSix">
                        <div class="classification clear">
                            <div class="erIFC">语言培训</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="lBJ lBJG"></span>
                    <span>出国 留学</span>
                    <div class="detailedIF detailedIFSeven">
                        <div class="classification clear">
                            <div class="erIFC">出国 留学</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="lBJ lBJH"></span>
                    <span>艺术 体育</span>
                    <div class="detailedIF detailedIFEight">
                        <div class="classification clear">
                            <div class="erIFC">艺术 体育</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="lBJ lBJI"></span>
                    <span>生活 兴趣</span>
                    <div class="detailedIF detailedIFNine">
                        <div class="classification clear">
                            <div class="erIFC">生活 兴趣</div>
                            <div class="sanIFC">
                                <span class="siActive" >语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                        <div class="classification clear">
                            <div class="erIFC">初二</div>
                            <div class="sanIFC">
                                <span>语文</span>
                                <span>数学</span>
                                <span>英语</span>
                                <span>道德与法治</span>
                                <span>历史</span>
                                <span>全科辅导</span>
                                <span>地理</span>
                                <span>生物</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                                <span>其他</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </li>
        <li><a href="#">录播课</a></li>
        <li><a href="#">直播课</a></li>
        <li><a href="#">1对1辅导</a></li>
        <li><a href="#">家长专题</a></li>
        <li><a href="#">教师专题</a></li>
        <li><a href="http://localhost:82/html/">图书配套课程</a></li>

        <li id="noticeAndUser" class="noticeAndUser">
                <!--未登录状态下个人信息-->
                <div class="userHeaderText" >
                    <div class="userHeader">
                        <img src="../backEndImg/mrtx.png" alt="图片不存在">
                    </div>
                    <div class="uRight">
                        <p>Hello,</p>
                        <p>欢迎加入学缘网</p>
                    </div>
                </div>
               <!--未登录状态下个人信息-->
               <!--登录状态下个人信息-->
               <div class="userHeaderText" style="display: none;">
                <div class="userHeader">
                    <img src="../backEndImg/mrtx.png" alt="图片不存在">
                </div>
                <div class="uRight">
                       <p class="grzx">个人中心</p>
                       <div class="learningBeanScore">
                           <div class="learnBeans">
                               <span>学豆</span><span>231</span>
                           </div>
                           <div class="score">
                               <span>积分</span><span>120</span>
                           </div>
                       </div>
                   </div>
            </div>
               <!--登录状态下个人信息-->
                <!--未登录状态下 登录注册按钮-->
                <div class="loginRegister clear" >
                    <a href="login.html" class="login"><img src="../img/loginBtn.png" alt=""></a>
                    <a href="#" class="register"><img src="../img/resertBtn.png" alt=""></a>
                </div>
                <!--未登录状态下 登录注册按钮-->
               <!--在学课程/已学课程/收藏课程-->
               <div class="learningToCollect clear" style="display: none;">
                <a href="#">
                    <span>12</span>
                    <p>在学课程</p>
                </a>
                <a href="#" class="center">
                    <span>12</span>
                    <p>已学课程</p>
                </a>
                <a href="#">
                    <span>12</span>
                    <p>收藏课程</p>
                </a>
            </div>
               <!--在学课程/已学课程/收藏课程-->
                <!--网站公告-->
                <div class="webAnnouncementTitle">网站公告</div>
                <!--网站公告-->
                <!--公告内容-->
                <div class="announcementContent">
                    <div class="clear">
                        <!--<img src="../newImg/indexImg/公告四角.png" alt="">-->
                        <a href="#">创新服务模式</a>
                        <time>06-22</time>
                    </div>
                    <div class="clear">
                        <!--<img src="../newImg/indexImg/公告四角.png" alt="">-->
                        <a href="#">微信公众平台上线了</a>
                        <time>06-22</time>
                    </div>
                    <div class="clear">
                        <!--  <img src="../newImg/indexImg/公告四角.png" alt="">-->
                        <a href="#">创新服务模式</a>
                        <time>06-22</time>
                    </div>
                    <div class="clear">
                        <!--<img src="../newImg/indexImg/公告四角.png" alt="">-->
                        <a href="#">微信公众平台上线了</a>
                        <time>06-22</time>
                    </div>
                    <div class="clear">
                        <!-- <img src="../newImg/indexImg/公告四角.png" alt="">-->
                        <a href="#">创新服务模式</a>
                        <time>06-22</time>
                    </div>

                </div>
                <!--公告内容-->
        </li>
    </ul>
</div>
<!----------------------------导航区域------------------------------------->




<!---------------------------bannner---------------------------------------->
<div class="swiper-container" id="swiperA">


    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a href="http://www.taobao.com" target="_blank"><img src="../backEndImg/1.jpg" alt=""></a>
        </div>
        <div class="swiper-slide">
            <a href="http://www.baidu.com" target="_blank"><img src="../backEndImg/2.jpg" alt=""></a>
        </div>
        <div class="swiper-slide">
            <a href="http://www.jd.com" target="_blank"><img src="../backEndImg/banner.png" alt=""></a>
        </div>
    </div>
    <div class="pagination"></div>

</div>
<!---------------------------bannner---------------------------------------->
<!---------------------------课程1级分类------------------------------------>
<div class="contentNav">
    <div class="navTitle" id="navTitle">
        <span class="ntActive">热门推荐</span>
        <span>限时活动</span>
    </div>
    <div class="contentRegion" id="contentRegion">
          <div id="brandMove" class="clear">
              <div class="brandMoveContent">
                  <a href="#" class="cPic">
                      <img src="../backEndImg/1.png" alt="">
                  </a>
                  <div class="ncFoot">
                      <span>讲师：赵兴华</span>
                      <a href="#">了解详情</a>
                  </div>
              </div>
              <div class="brandMoveContent">
                  <a href="#" class="cPic">
                      <img src="../backEndImg/2.png" alt="">
                  </a>
                  <div class="ncFoot">
                      <span>讲师：赵兴华</span>
                      <a href="#">了解详情</a>
                  </div>
              </div>
              <div class="brandMoveContent">
                  <a href="#" class="cPic">
                      <img src="../backEndImg/3.png" alt="">
                  </a>
                  <div class="ncFoot">
                      <span>讲师：赵兴华</span>
                      <a href="#">了解详情</a>
                  </div>
              </div>
              <div class="brandMoveContent">
                  <a href="#" class="cPic">
                      <img src="../backEndImg/4.png" alt="">
                  </a>
                  <div class="ncFoot">
                      <span>讲师：赵兴华</span>
                      <a href="#">了解详情</a>
                  </div>
              </div>
              <div class="brandMoveContent">
                  <a href="#" class="cPic">
                      <img src="../backEndImg/4.png" alt="">
                  </a>
                  <div class="ncFoot">
                      <span>讲师：赵兴华</span>
                      <a href="#">了解详情</a>
                  </div>
              </div>
        </div>
        <a href="javascript:;" id="prev" class="btnFl btnFlShow"></a>
        <a href="javascript:;" id="next" class="btnFl btnFlShow"></a>
    </div>

</div>
<!---------------------------课程1级分类------------------------------------>
<!-----------------------------内容区域------------------------------------>
<div class="allContentParent">
    <!--小学教育-->
    <div class="allContent">
        <div class="sunProjectTitle clear">
            <div class="leftSun">
                <span class="bigTitle">小学教育</span>
                <span class="juniorHighSchool selected">一年级</span>
                <span class="juniorHighSchool">二年级</span>
                <span class="juniorHighSchool">三年级</span>
                <span class="juniorHighSchool">四年级</span>
                <span class="juniorHighSchool">五年级</span>
                <span class="juniorHighSchool">六年级</span>
                <span class="juniorHighSchool">小升初</span>
            </div>
            <div class="rightSun">
                <a href="javascript:;">
                    <img src="../img/more.png" alt="">
                </a>
            </div>
        </div>
        <div class="sunProjectContent clear">
          <div class="contentSonLeft csPar">
              <div class="clftTop psTop">
                  <a href="#"> <img src="../backEndImg/guanggao.png" alt="图片不存在"></a>
                  <a href="#"> <img src="../backEndImg/1.jpg" alt="图片不存在"></a>
                  <a href="#"> <img src="../backEndImg/2.jpg" alt="图片不存在"></a>
              </div>
              <div class="clftBottom clear">
                  <a href="#" class="samllDiv">
                      <img src="../backEndImg/samll.png" alt="图片不存在">
                      <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                      <div class="sdFoot clear">
                           <div class="sdFootLeft">
                             <span class="price">￥99.80</span>
                           </div>
                           <div class="sdFootRight">
                               <span class="studyNum">215</span>
                               <span>人在学</span>
                           </div>
                      </div>
                  </a>
                  <a href="#" class="samllDiv">
                      <img src="../backEndImg/samll.png" alt="图片不存在">
                      <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                      <div class="sdFoot clear">
                          <div class="sdFootLeft">
                              <span class="noprice">免费</span>
                          </div>
                          <div class="sdFootRight">
                              <span class="studyNum">215</span>
                              <span>人在学</span>
                          </div>
                      </div>
                  </a>
              </div>
           </div>
           <div class="contentSonCenter csPar ">
               <a href="#" class="samllDiv">
                   <img src="../backEndImg/samll.png" alt="图片不存在">
                   <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                   <div class="sdFoot clear">
                       <div class="sdFootLeft">
                           <span class="price">￥99.80</span>
                       </div>
                       <div class="sdFootRight">
                           <span class="studyNum">215</span>
                           <span>人在学</span>
                       </div>
                   </div>
               </a>
               <a href="#" class="samllDiv">
                   <img src="../backEndImg/samll.png" alt="图片不存在">
                   <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                   <div class="sdFoot clear">
                       <div class="sdFootLeft">
                           <span class="noprice">免费</span>
                       </div>
                       <div class="sdFootRight">
                           <span class="studyNum">215</span>
                           <span>人在学</span>
                       </div>
                   </div>
               </a>
               <a href="#" class="samllDiv">
                   <img src="../backEndImg/samll.png" alt="图片不存在">
                   <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                   <div class="sdFoot clear">
                       <div class="sdFootLeft">
                           <span class="price">￥99.80</span>
                       </div>
                       <div class="sdFootRight">
                           <span class="studyNum">215</span>
                           <span>人在学</span>
                       </div>
                   </div>
               </a>
               <a href="#" class="samllDiv">
                   <img src="../backEndImg/samll.png" alt="图片不存在">
                   <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                   <div class="sdFoot clear">
                       <div class="sdFootLeft">
                           <span class="noprice">免费</span>
                       </div>
                       <div class="sdFootRight">
                           <span class="studyNum">215</span>
                           <span>人在学</span>
                       </div>
                   </div>
               </a>
           </div>
           <div class="contentSonRight csPar">
               <a href="#" class="samllDiv">
                   <img src="../backEndImg/samll.png" alt="图片不存在">
                   <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                   <div class="sdFoot clear">
                       <div class="sdFootLeft">
                           <span class="price">￥99.80</span>
                       </div>
                       <div class="sdFootRight">
                           <span class="studyNum">215</span>
                           <span>人在学</span>
                       </div>
                   </div>
               </a>
               <a href="#" class="samllDiv">
                   <img src="../backEndImg/samll.png" alt="图片不存在">
                   <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                   <div class="sdFoot clear">
                       <div class="sdFootLeft">
                           <span class="price">￥99.80</span>
                       </div>
                       <div class="sdFootRight">
                           <span class="studyNum">215</span>
                           <span>人在学</span>
                       </div>
                   </div>
               </a>
           </div>
        </div>

    </div>
    <!--小学教育-->

    <!--初中教育-->
    <div class="allContent">
        <div class="sunProjectTitle clear">
            <div class="leftSun">
                <span class="bigTitle">初中教育</span>
                <span class="juniorHighSchool selected">初一</span>
                <span class="juniorHighSchool">初二</span>
                <span class="juniorHighSchool">初三</span>
                <span class="juniorHighSchool">中考</span>
            </div>
            <div class="rightSun">
                <a href="javascript:;">
                    <img src="../img/more.png" alt="">
                </a>
            </div>
        </div>
        <div class="sunProjectContent clear">
            <div class="contentSonLeft csPar">
                <div class="clftTop jsTop">
                    <a href="#"> <img src="../backEndImg/guanggao.png" alt="图片不存在"></a>
                    <a href="#"> <img src="../backEndImg/1.jpg" alt="图片不存在"></a>
                    <a href="#"> <img src="../backEndImg/2.jpg" alt="图片不存在"></a>
                </div>
                <div class="clftBottom clear">
                    <a href="#" class="samllDiv">
                        <img src="../backEndImg/samll.png" alt="图片不存在">
                        <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                        <div class="sdFoot clear">
                            <div class="sdFootLeft">
                                <span class="price">￥99.80</span>
                            </div>
                            <div class="sdFootRight">
                                <span class="studyNum">215</span>
                                <span>人在学</span>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="samllDiv">
                        <img src="../backEndImg/samll.png" alt="图片不存在">
                        <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                        <div class="sdFoot clear">
                            <div class="sdFootLeft">
                                <span class="noprice">免费</span>
                            </div>
                            <div class="sdFootRight">
                                <span class="studyNum">215</span>
                                <span>人在学</span>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="contentSonCenter csPar ">
                <a href="#" class="samllDiv">
                    <img src="../backEndImg/samll.png" alt="图片不存在">
                    <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                    <div class="sdFoot clear">
                        <div class="sdFootLeft">
                            <span class="price">￥99.80</span>
                        </div>
                        <div class="sdFootRight">
                            <span class="studyNum">215</span>
                            <span>人在学</span>
                        </div>
                    </div>
                </a>
                <a href="#" class="samllDiv">
                    <img src="../backEndImg/samll.png" alt="图片不存在">
                    <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                    <div class="sdFoot clear">
                        <div class="sdFootLeft">
                            <span class="noprice">免费</span>
                        </div>
                        <div class="sdFootRight">
                            <span class="studyNum">215</span>
                            <span>人在学</span>
                        </div>
                    </div>
                </a>
                <a href="#" class="samllDiv">
                    <img src="../backEndImg/samll.png" alt="图片不存在">
                    <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                    <div class="sdFoot clear">
                        <div class="sdFootLeft">
                            <span class="price">￥99.80</span>
                        </div>
                        <div class="sdFootRight">
                            <span class="studyNum">215</span>
                            <span>人在学</span>
                        </div>
                    </div>
                </a>
                <a href="#" class="samllDiv">
                    <img src="../backEndImg/samll.png" alt="图片不存在">
                    <p title="四年级上册英语苏教版四年级上册英语苏教版">四年级上册英语苏教版四年级上册英语苏教版</p>
                    <div class="sdFoot clear">
                        <div class="sdFootLeft">
                            <span class="noprice">免费</span>
                        </div>
                        <div class="sdFootRight">
                            <span class="studyNum">215</span>
                            <span>人在学</span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="contentSonRight csPar">
                <a href="#" class="samllTwoDiv">
                    <img src="../backEndImg/shutu.png" alt="图片不存在">
                </a>
            </div>
        </div>

    </div>
    <!--初中教育-->

</div>
<!-----------------------------内容区域------------------------------------>

<!----------------------------底部--------------------->
<div class="foot">
    <div class="footContent">
        <div class="footCleft">
            <div class="leftTop">
                <a href="#">平台流程</a>
                <img src="../img/bottomInterval.png" alt="">
                <a href="#">教师帮助</a>
                <img src="../img/bottomInterval.png" alt="">
                <a href="#">学生帮助</a>
                <img src="../img/bottomInterval.png" alt="">
                <a href="#">消费保障</a>
                <img src="../img/bottomInterval.png" alt="">
                <a href="#">支付问题</a>
                <img src="../img/bottomInterval.png" alt="">
                <a href="#">侵权维护</a>
            </div>
            <div class="leftBottom">
                <span>学缘网产品交流群:</span>
                <span class="colorChange">363342317</span>
            </div>
        </div>
        <div class="footCright">
            <div class="leftBottom">
                <img src="../img/400-086-0799.png" alt="">
                <a href="#">www.xueyuanwang.com</a>
            </div>
            <div class="rightBottom">
                <img src="../img/erweima_03.jpg" alt="" width="120">
                <div class="weixin">微信公众号</div>
            </div>
        </div>
    </div>
</div>

<div class="copyright">版权所有：Copyright&copy;鲁 ICP 11027007号 - 5</div>
<!----------------------------底部--------------------->


<!--悬浮-->
<div id="suspension">
    <div class="publicSignal">
        <img src="../img/QRCode.png" alt="">
    </div>
    <div class="customerService">
        <div class="imgBackground">
            <div class="img" id="addQQ"></div>
            <p class="qq">
                <span class="name">QQ群</span>
                <span class="text">363342317</span>
            </p>
            <p>
                <span class="name">客服电话</span>
                <span class="text">400-086-0799</span>
            </p>
        </div>
    </div>
    <div class="feedback">
        <p>意见反馈</p>
    </div>
    <div class="backTop" id="backTop">
        <p>返回顶部</p>
    </div>
</div>

<!--悬浮-->

</body>
</html>